import { ContentContainer } from '@/components/layout/ContentContainer'
import { Card, Collapse, Timeline } from '@douyinfe/semi-ui'

const Component = () => {
  return (
    <>
      <ContentContainer>
        <Card bordered={false} headerLine={true} title="Drive">
          <Collapse defaultActiveKey={['1', '2']} expandIconPosition="left">
            <Collapse.Panel header="ADB and Fastboot Driver Installer" itemKey="1" style={{ borderBottom: 0 }}>
              <Timeline>
                <Timeline.Item type="ongoing" extra="Drivers for ADB Enabled Devices">
                  ADB and Fastboot Driver Installer
                </Timeline.Item>
                <Timeline.Item extra="Drivers for ADB Enabled Devices">ADB and Fastboot Driver Installer</Timeline.Item>
              </Timeline>
            </Collapse.Panel>
            <Collapse.Panel header="ADB and Fastboot Manual Drivers" itemKey="2" style={{ borderBottom: 0 }}>
              <Timeline>
                <Timeline.Item type="ongoing" extra="WinUSB Drivers">
                  ADB and Fastboot Manual Drivers
                </Timeline.Item>
              </Timeline>
            </Collapse.Panel>
            <Collapse.Panel header="Qualcomm QDLoader 9008 Drivers" itemKey="3" style={{ borderBottom: 0 }}>
              <Timeline>
                <Timeline.Item extra="QDLoader 9008 Drivers for 32 and 64 bit OS">
                  Qualcomm QDLoader 9008 Drivers Installers
                </Timeline.Item>
              </Timeline>
            </Collapse.Panel>
            <Collapse.Panel header="Qualcomm Diag Drivers" itemKey="4" style={{ borderBottom: 0 }}>
              <Timeline>
                <Timeline.Item extra="Drivers for Qualcomm IMEI Repair">Qualcomm Diag Drivers</Timeline.Item>
              </Timeline>
            </Collapse.Panel>
          </Collapse>
        </Card>
      </ContentContainer>
    </>
  )
}
export default Component
